fix: eliminate Svelte state_referenced_locally build warnings

1 files changed, 7 insertions, 2 deletions

diff --git a/src/routes/grocery/[id]/+page.svelte b/src/routes/grocery/[id]/+page.svelte
index c4e964c..531fbf7 100644
--- a/src/routes/grocery/[id]/+page.svelte
+++ b/src/routes/grocery/[id]/+page.svelte
@@ -2,13 +2,18 @@
 	import { enhance } from '$app/forms';
 
 	let { data, form } = $props();
-	let name = $state(data.item.name);
-	let categoryId = $state(data.item.categoryId ?? -1);
+	let name = $state('');
+	let categoryId = $state(-1);
 	let saved = $state(false);
 	let isSubmitting = $state(false);
 	let formRef: HTMLFormElement;
 
 	$effect(() => {
+		name = data.item.name;
+		categoryId = data.item.categoryId ?? -1;
+	});
+
+	$effect(() => {
 		if (form?.success && form?.type === 'update') {
 			saved = true;
 			const t = setTimeout(() => (saved = false), 2000);